<script setup lang="ts">
import { ref } from "vue";
import ProButton from "@/components/ProButton.vue";
const name = ref("");
</script>

<template>
  <div class="box">
    <van-form class="mt-md">
      <van-field
        class="field-item"
        v-model="name"
        label="姓名"
        placeholder="请输入"
      />
    </van-form>
    <div class="btn-box">
      <ProButton>提交</ProButton>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.btn-box {
  padding: 0 16px;
  margin-top: 40px;
}
</style>
